$header-height: 58px;
$side-width: 180px;

:root{
    --login-bg-color:#fff;
    --top-header-back-color:#409eff;
    --logo-bg: #5c6885;
    --header-bg:#0e1438;
    --side-bg:#393e4a;
    --menu-color:#8992a8;
    --menu-active-color:#16c55f;
    --menu-active-bg:#425148;
    --title-color:#0e1438;
}
.dark{
    --login-bg-color:#293146;
    --top-header-back-color:#293146;
}
// if(bol.value){
// document.body.className = 'dark';
// }else{
// document.body.className = '';
// }

// background: var(--theme-bg-color);